﻿@{
    ViewBag.Title = "BitShuva - How it works";
}

<div class="how-it-works container">
    <div class="page-header">
        <h1>How does it work? <br /><small>What BitShuva gives you that others don't.</small></h1>
    </div>

    <div class="media">
        <a class="pull-left" href="#">
            <img class="media-object img-rounded" src="content/images/howitworks/thumbup.png" alt="A user thumbing-up a song">
        </a>
        <div class="media-body">
            <h1 class="media-heading">Intelligent software for your music</h1>
            <p class="lead">As your users thumb-up songs, <strong>BitShuva learns what each user likes</strong> and plays more of the good stuff. Each song is categorized by artist, album, genre, and user tags. When a user likes a song, BitShuva associates that song's artist, album, genre, and tags into its knowledge bank of that user, influencing what get played.<br /><br />Going beyond Pandora and other radio stations, BitShuva uses the sum total of likes and dislikes for a song to influence its community ranking. Songs with higher community ranking get played for more users.<br /><br />End result is that your users hear the music they like, and less of the stuff they don't. Use BitShuva for your internet radio station and your users will be delighted.</p>
        </div>
    </div>

    <div class="media">
        <a class="pull-right" href="#">
            <img class="media-object img-circle" style="max-height: 300px;" src="content/images/howitworks/html5.png" alt="HTML5">
        </a>
        <div class="media-body">
            <h1 class="media-heading">Modern web technologies</h1>
            <p class="lead">Want to do internet radio, but can't find something that works for your audience? Tired of radio tech from the '90s? <strong>BitShuva uses modern web technologies to play your music</strong>, with zero reliance on Flash, Silverlight, Real, or Windows Media. Zero plugins. Zero install.<br /><br />What this means is that your users listen instantly -- no install required, no plugins to spin up. Even better, <strong>users can listen anywhere</strong>: PC, Mac, tablet, phone.</p>
        </div>
    </div>

    <div class="media">
        <a class="pull-left" href="#">
            <img class="media-object img-rounded" src="content/images/howitworks/songrequest.png" style="max-width: 400px;" alt="Sharing songs">
            
        </a>
        <div class="media-body">
            <h1 class="media-heading">Social radio</h1>
            <p class="lead">With BitShuva powering your radio station, your users form a community around your music. Rather than isolated music listening like Pandora, <strong>BitShuva allows users to socialize around your music</strong> through community song requests, community song rankings, and more. <br /><br />Each song on your radio station has a direct link that can be shared out on social networks and blogs. BitShuva includes a Facebook app that lets users share their favorite music on their Facebook page. When their friends click the share, they're taken right to your radio station, growing your audience.</p>
            <img src="content/images/howitworks/facebookshare.png" style="float: right; text-align: center; max-width: 500px;" />
        </div>
    </div>

    <div class="media">
        <a class="pull-left" href="#">
            <img class="media-object" style="box-shadow: none;" src="content/images/howitworks/bitshuvalogowhite.png" alt="Music for your community">
        </a>
        <div class="media-body">
            <h1 class="media-heading">BitShuva for your community</h1>
            <p class="lead">Build a radio station for your community. <br /><br /> Whether your music is niche genre, indie music, or bringing your traditional FM station to the web, BitShuva makes it a reality and amplifies your music for your community. <br /><br />Simply put, BitShuva is bleeding edge technology for sophisticated radio that will delight your audience.</p>
        </div>
    </div>

    <div class="page-header">
        <h1>Ready to turn your radio idea into a reality? <br /><small>Or just want to learn more?</small></h1>
        <a href="#signUpDialog" class="btn btn-large btn-primary" data-toggle="modal">Get in touch</a>
    </div>
</div>

<script type="text/javascript">
    $(function () {
        window.bitshuvaVm.isOnHowItWorks(true);
    });
</script>

